*{
    cursor: pointer;
}
.container{
    background-image: url('../../assets/image/background3.jpg');
    background-size: cover;
    width: 100%;
    height: 100vh;
    transition: all .5s;
    display: flex;
    .tips{
        font-size: medium;
        color: #fff;
        position: absolute;
        left: 50%;
        bottom: 3%;
        transform: translate(-50%, -50%);
    }
        .pushWrapper{
            width: 100%;
            // position: relative;
            .centerBox{
                width: 100%;
                height: 400px;
                padding: 20px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                img{}
            }
            .pushBtn{
                transition: all .2s;
                width: 200px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #fff;
                font-size: large;
                border-radius: 5px;
                background-color: #3eaf7c;
                cursor: pointer;
                position: absolute;
                left: calc(10% + 100px);
                bottom: 10%;
                transform: translate(-50%, -50%);
                &:hover{
                 transform: translate(-50%, -50%) scale(1) ;
                }
                box-shadow: 0 0 5px 0 rgba(20, 2   0, 20, .5);
            }
        }
        
}
.cover{
    width: 100%;
    height: 95vh;
    background: rgba(0, 0, 0, .5);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.title:hover .cover{
    display: block;
}